/**
 * Created by Administrator on 2016/10/29.
 */
window.onload=function(){
    var
        sGoods = getCookie('ggoods'),
        aGoods = JSON.parse(sGoods),
        sUlHtml = '';
     console.log(aGoods);
    for (var i = 0; i < aGoods.length; i++) {
        sUlHtml +='<li> ' +
            '<div class="content"> ' +
            '<div class="good-pic"> ' +
            '<a href="javascript:;"> ' +
            '<img src="' + aGoods[i].goodsSrc + '" alt=""> ' +
            '</a> ' +
            '</div> ' +
            '<div class="good-inof"> ' +
            '<div class="title">' + aGoods[i].goodsTitle  + '</div> ' +
            '<span class="del"><img src="../images/del.png" alt=""></span> ' +
            '<div class="price">' +
            '单价：<span>￥<em>' + aGoods[i].goodsPrice + '</em></span> ' +
            '</div> ' +
            '<span class="size"><img src="../images/l.png" alt=""></span> ' +
            '<div class="count">' +
            '数量： ' +
            '<span class="minus">-</span> ' +
            '<span class="nums">' + aGoods[i].goodsNum + '</span> ' +
            '<span class="plus">+</span> ' +
            '</div> ' +
            '</div> ' +
            '</div> ' +
            '</li>'

    }


    document.getElementById('list').innerHTML = sUlHtml;

//商品加减
    $(".minus").click(function() {
        var Iindex = $(".minus").index($(this));//获取点击当前的减号索引值
        var count = $(".nums").eq(Iindex).html();//获取当前input里面的值，给变量count
        count--;//减一
        if (count < 1) {//如果count<1,停止执行
            return false;
        }
        aGoods[Iindex].goodsNum--;//数组中的商品数量减一，若不写，刷新页面后不会减减
        setCookie('ggoods', JSON.stringify(aGoods), 7, '/');//数组中的商品数量减一，更新cookie
        $(".nums").eq(Iindex).html(count);//count减减后重新给input值赋值
        var sigpri = aGoods[Iindex].goodsPrice;//获取当前商品的单价，给变量sigpri
        var pri = count * sigpri;//当前商品的单价*数量的值为小计给变量pri

        //$(".xiaojip").eq(Iindex).text(pri);//把变量pri放进sumprice里面
        //$(".xiaojic").eq(Iindex).text(count);
        nn()
    });


    $(".plus").click(function(){
        var Iindex=$(".plus").index($(this));
        var count=$(".nums").eq(Iindex).html();
        count++;
        aGoods[Iindex].goodsNum++;
        $(".nums").eq(Iindex).html(count);
        var sigpri=aGoods[Iindex].goodsPrice;
        var pri=count*sigpri;
        setCookie('ggoods', JSON.stringify(aGoods), 7, '/');
        console.log(pri);
        //$(".xiaojip").eq(Iindex).text(pri); //小计价格
        //$(".xiaojic").eq(Iindex).text(count);//小计商品数量
        nn()
    });



    //总价钱
    function nn(){
        var iTotalMoney = 0;
        var iTotalcount = 0;
        var pl = getCookie("ggoods");                  //得到cookie里面的ggoods
        if(pl === undefined){
        }else {
            var mx = JSON.parse(getCookie("ggoods"));  //对cookie里面的ggoods进行解析，并把结果赋给一个变量
            //console.log(getCookie("ggoods"));
            // console.log(typeof getCookie("ggoods"));   //string
            //console.log(mx);
            //console.log(typeof mx);                    //object
        }
        $.each(mx,function(i,v){                       //i是下标，v是对象，mx数组对象
            // console.log(i);                            //i是下标，
            // console.log(v);
            iTotalMoney += v.goodsPrice* v.goodsNum;    //v当前的对象
            iTotalcount+= v.goodsNum;
        });
        $(".sumprice").text(iTotalMoney);
        $(".counts").text(iTotalcount);

    }

    nn()

    //删除
    $(".del").click(function(){
        var iTotalMoney = 0;
        var iTotalcount = 0;//定义一个变量
        var Iindex=$(".del").index($(this));     //得出当前点击删除的按钮下标
        $(this).parent().parent().parent().remove();                  //移除删除标签的父元素，即整条商品（tr）
        aGoods.splice(Iindex,1);                    //并从数组中删除
        setCookie('ggoods', JSON.stringify(aGoods), 7, '/');//重新xierucookie
        var mx = JSON.parse(getCookie('ggoods'));   //得到删除商品后cookie的值并赋值给一个变量

        $.each(mx,function(i,v){                    //通过json解析后的cookie值是对象，对这些对象进行遍历
            iTotalMoney += v.goodsPrice* v.goodsNum //每个对象的价格*每个对象的价格
            iTotalcount+= v.goodsNum;
        });                                          //i是下标，mx是对象，mx数组

        $(".sumprice").text(iTotalMoney);           //显示出删除某个商品后剩余商品的总价格
        $(".counts").text(iTotalcount);
    });

};